﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../../css/public.css">
    <title>X X空调系统改造</title>
    <style>
        html,body{
            width:100%;
            height:100%;
        }
        .containerChangemsg{
            width:100%;
            /*height:100%;*/
            padding-bottom:20px;
        }
        .msginput{
            font-size: 16px;
            border:none;
            color:rgb(120,120,120)
        }
        .changebtn{
            float:right;
            display: inline-block;
        }
        .rightarrow{
            width:32px;
            margin-bottom:-8px;
        }
        .changebtn1{
            width:32px;
            margin-top:8px;
            display: inline-block;
        }

        .msg{
            width:20%;
            display: block;
            float:left;
            text-align: right;
            color:rgb(180,180,180);
            font-size: 14px;
        }
        .msgin{
            width:70%;
            float:left;
            margin-left:6%;
            border-bottom: 1px solid rgb(230,230,230);
            /*line-height: 40px;*/
        }
        .msgcontent{
            margin: 0 auto;
            width:90%;
        }
        .msgbox{
            line-height: 40px;;
        }
        input{
            outline: none;
            padding:0 8px;
        }
        .pd{
            padding:0 2px;
        }
        .pic{
            width:40px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            margin-bottom: -14px;
        }
        h1{
            color:#fff;
        }
        .tleheader{
            background: rgb(46,182,185);
            border:none;
        }
        .fcfs{
            background: rgb(240,240,240);
            color:rgb(120,120,120);
            font-size: 14px;
            padding: 2px 0 2px 8px;
        }
        .pt{
            padding-top: 3px;
        }
        .name{
            font-size: 14px;
            color:rgb(180,180,180);
        }
        .fs12{
            font-size: 12px;
        }
        .w40{
            width:40px;
        }
        .pdy{
            padding:6px 0;
        }
        .w166{
            width: 16.66%;
            position: relative;
        }
        .mt2em{
            margin-top: 2em;
            margin-bottom: 1em;
            width: 100%;
            position:relative;
        }
        .icon{
            width: 60%;
            display: block;
            margin: 0 auto;
        }
        .py10{
            padding: 10px 0;
        }
        .w166b{
            display: block;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            position: absolute;
            top: -10px;
            left: 50%;
            margin-left: -8px;
            background: #fff;
            overflow: hidden;
        }
        .w166bpic{
            width: 24px;
            height: 24px;
            display: block;
            margin-left: -4px;
            margin-top: -4px;
        }
        .bt1{
            border-top:2px solid rgb(46,182,185);
        }
        .bt2{
            border-top:2px solid rgb(233,233,233);
        }
        .mt1{
            margin-top: -1px;
        }
        .m05{
            margin:0 0.5%;
        }
        .mt5{
            margin-top:10px;
        }
        .w19{
            width: 19%;
            /*margin: */
        }
        .pb65{
            padding-bottom: 65px;
        }
        .pdy2{
            padding: 2px 0;
        }
        .fb{
            padding: 0;
            background:  rgb(46,182,185);
            color:#fff;
        }
        .pdy14{
            padding: 14px 0; 
        }
        .w50{
            width: 50%;
        }

    </style>
</head>
<body>
    <header class="tleheader">
        <p class="backbtn"><a style="margin: 0;">
            <img src="../../icon/arrow/zjt.png" class="backpic" alt="">
            <span>返回</span></a>
        </p>
        <h1 class="tc" style="border: none;padding:0;">X X空调系统改造</h1>
        <p class="somebtn">
            <span><a href="#">编辑</a></span>
        </p>
    </header>
<div class="containerChangemsg">
    <div class="fcfs">项目资料</div>   
    <div class="msgcontent">
        <div class="msgbox msgboxinput">
            <span class="msg">项目名称</span>
            <div class="msgin">
                X X空调系统改造
            </div>
            <div class="clear"></div>
        </div>
        <div class="msgbox">
            <span class="msg">项目方</span>
            <div class="msgin">
                X X工程技术有限公司
            </div>
            <div class="clear"></div>
        </div>
        <div class="msgbox">
            <span class="msg">项目地区</span>
            <div class="msgin">
                <p class="bb">浙江省杭州市</p>
                <p>浙江省杭州市</p>
            </div>
            <div class="clear"></div>
        </div>
        <div class="pt">
            <span class="msg msgbox">关联人</span>
            <div class="msgin" style="border:none;padding-bottom:20px;">
                <div class="w40 tc" >
                    <img src="../../icon/head.png" class="msgOut pd pic pdy" alt="">
                    <span class="fs12">狄丹阳</span>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="fcfs">项目状态</div>
    <div class="msgcontent" style="min-width:310px;">
        <div class="bt mt2em">
            <div class="w166 fl tc bt1 mt1" >
                <span class="w166b">
                    <img src="../../icon/completed.png" class="w166bpic" />
                </span>
                <p class="fs12 py10">项目营销</p>
                <img src="../../icon/select/unchecked.png" class="icon">
            </div>
            <div class="w166 fl tc bt1 mt1" >
                <span class="w166b">
                    <img src="../../icon/completed.png" class="w166bpic" />
                </span>
                <p class="fs12 py10">项目营销</p>
                <img src="../../icon/select/unchecked.png" class="icon">
            </div>
            <div class="w166 fl tc bt1 mt1" >
                <span class="w166b">
                    <img src="../../icon/completed.png" class="w166bpic" />
                </span>
                <p class="fs12 py10">项目营销</p>
                <img src="../../icon/select/unchecked.png" class="icon">
            </div>
            <div class="w166 fl tc bt1 mt1" >
                <span class="w166b">
                    <img src="../../icon/doing.PNG" class="w166bpic" />
                </span>
                <p class="fs12 py10">项目营销</p>
                <img src="../../icon/select/checked.png" class="icon">
            </div>
            <div class="w166 fl tc bt2 mt1" >
                <span class="w166b">
                    <img src="../../icon/uncomplete.png" class="w166bpic" />
                </span>
                <p class="fs12 py10">项目营销</p>
                <img src="../../icon/select/unchecked.png" class="icon">
            </div>
            <div class="w166 fl tc bt2 mt1" >
                <span class="w166b">
                    <img src="../../icon/uncomplete.png" class="w166bpic" />
                </span>
                <p class="fs12 py10">项目营销</p>
                <img src="../../icon/select/unchecked.png" class="icon">
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="fcfs">项目支持</div>
    <div class="msgcontent pb65" style="min-width:310px;">
        <div class="w19 mt5 m05 fl tc fs12 bgg">
            <p class="cb pdy2">内线</p>
            <img src="../../icon/head.png" class="icon bt" />
            <p class="fs12 pdy2">狄丹阳</p>
        </div>
        <div class="w19 mt5 m05 fl tc fs12 bgg">
            <p class="cb pdy2">内线</p>
            <img src="../../icon/head.png" class="icon bt" />
            <p class="fs12 pdy2">狄丹阳</p>
        </div>
        <div class="w19 mt5 m05 fl tc fs12 bgg">
            <p class="cb pdy2">内线</p>
            <img src="../../icon/head.png" class="icon bt" />
            <p class="fs12 pdy2">狄丹阳</p>
        </div>
        <div class="w19 mt5 m05 fl tc fs12 bgg">
            <p class="cb pdy2">内线</p>
            <img src="../../icon/head.png" class="icon bt" />
            <p class="fs12 pdy2">狄丹阳</p>
        </div>
        <div class="w19 mt5 m05 fl tc fs12 bgg">
            <p class="cb pdy2">内线</p>
            <img src="../../icon/head.png" class="icon bt" />
            <p class="fs12 pdy2">狄丹阳</p>
        </div>
        <div class="clear"></div>
    </div>
    <div class="fb">
        <div class="pdy14 tc fl w50" style="margin-left:-1px;">项目结束</div>
        <div class="pdy14 tc fl w50 bl">竞标</div>
        <div class="clear"></div>
    </div>
<script type="text/javascript" src="../js/back.js"></script>
</div>
</body>
</html>